<style>
*{
padding:0px;
margin:0px;
}

ul li{
list-style-type:none;
}

body{
background-color:#999;
font-size:12px;
}

.beauty{
width:260px;
background-color:#666666;
margin:20px;
}

.beauty p{
font-size:14px;
	font-weight:bold;
	color:#ffffff;
	background-color:black;
	height:35px;
	line-height:35px;
	padding-left:10px;
}

.beauty li{
border-bottom:1px blue dashed;
height:30px;
padding-left:2px;
}

.beauty a{
color:yellow;
text-decoration:none;
}

.beauty a:hover{
color:#e9185a;
}

.beauty a span{
color:pink
font-weight:bold;
marign-right:10px;
display:inline-block;
width:20px;
height:20px;
border-radius:50%;
background:#373b3c;
line-height:20px;
text-align:center;
}

.beauty a:hover span{
background:#e9185a;
}

</style>

<head lang="en">
<meta charset="utf-8" name="viewport" content="width=device-width" />
<body>
<div class="beauty">
<p>大家都喜欢买的美容品</p>

<ul>
<li><a href="#"><span>1 </span>雅诗兰黛即时修护眼部精华霜15ml</a></li>
<li><a href="#"><span>2 </span>伊丽莎白雅顿显效复合活肤霜 75ml</a></li>
<li><a href="#"><span>3 </span>OLAY玉兰油多效修护霜 50g</a></li>
<li><a href="#"><span>4</span> 巨型一号丝瓜水320ML</a></li>
<li><a href="#"><span>5</span> 倩碧保湿洁肤水2号 200ml</a></li>
<li><a href="#"><span>6 </span>比度克细肤淡印霜 30g</a></li>
<li><a href="#"><span>7 </span>兰芝 (LANEIGE)夜间修护锁水面膜 80ml</a></li>
<li><a href="#"><span>8 </span>SK-II护肤精华露 215ml</a></li>
<li><a href="#"><span>9 </span>欧莱雅青春密码活颜精华肌底液</a></li>
</ul>
</div>
</body>